<%@ page language="java" contentType="text/html; charset=UTF-8"	 pageEncoding="UTF-8"%>
<%@ include file="../include/laypublic.jsp"%>
<!DOCTYPE html>
<html>
<head>
  <title>承继协议详情</title>
</head>
<style>
	#contract-breakdown {
		cursor: pointer;
	}
	
	#contract-investment-info .layui-inline .layui-form-label {
		position: relative;
		text-align: left;
	}
	
	#contract-investment-info .layui-inline:nth-child(1) .layui-form-label {
		left: 160px;
	}
	
	#contract-investment-info .layui-inline:nth-child(2) .layui-form-label {
		left: 120px;
	}
	
	#contract-investment-info .layui-inline:nth-child(3) .layui-form-label {
		left: 115px;
	}
	
	.margin-lt10 {
		margin-left: 10px;
	}
	
	.layui-row+.layui-row {
		margin-top: 36px;
	}
	
	.tg-l {
		text-align: left;
	}
	
	.tg-c {
		text-align: center;
	}
	
	.tg-r {
		text-align: right;
	}
	
	.contract-list {
		margin-top: 20px;
	}
	
	.contract-box {
		width: 100%;
		min-height: 100px;
	}
	
	.contract-money {
		width: 90%;
		margin: 0 auto;
	}
	
	.contract-money .layui-table {
		margin: 0;
	}
	
	.contract-money th {
		text-align: center;
		height: 38px;
	}
	
	.contract-money .label {
		display: block;
		width: 45px !important;
		text-align: left;
		margin-left: 15px;
	}
	
	.fieldset {
		margin-top: 5px;
		margin-bottom: 0px
	}
	
	.layui-legend {
		background-color: #5fb878;
		font-size: 15px !important;
		width: 140px;
	}
	
	.layui-form-item {
		margin-bottom: 5px;
		clear: both;
		*zoom: 1;
	}
	
	.layui-form-label {
		width: 150px;
	}
	
</style>
<body>
<div class="layui-fluid">
    <div class="layui-card">
	    <div class="layui-tab-item layui-show">
	     <div class="layui-card">
          	<div class="layui-card-body">
           		 <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
	              <ul class="layui-tab-title">
	                <li lay-id="0" class="layui-this"><B>表单信息</B></li>
	                <li lay-id="1"><B>合同清单</B></li>
	                <li lay-id="2"><B>审批信息</B></li>
	              </ul>
              		<div class="layui-tab-content">
		                <div class="layui-tab-item layui-show">
							<!-- start 业务表单数据显示  put yourself data here -->
							<form class="layui-form" id="addInfo_form" lay-filter="add_info_from">
						<fieldset class="layui-elem-field layui-field-title fieldset"  id="baseInfo">
						  <legend class="layui-btn layui-legend" style="text-align:left;cursor:default;">项目基础信息 ></legend>
						  <div style="margin-top:20px">
						  	<div class="layui-form-item">
						  		<div class="layui-inline">
							      	<label class="layui-form-label">申请公司</label>
							      	<div class="layui-input-inline">
										<input type="text" value="${contractExtVo.orgName}" style="border:0px;width:220px" readonly="readonly" class="layui-input">
							      	</div>
							    </div>
							    <div class="layui-inline">
							    	<label class="layui-form-label">申请部门</label>
						      		<div class="layui-input-inline">  			
										<input type="text" value="${contractExtVo.deptName}" style="border:0px;" readonly="readonly" class="layui-input">
						      		</div>
							    </div>
							    <div class="layui-inline">
							    	<label class="layui-form-label">申请人</label>
						      		<div class="layui-input-inline">
						        		<input type="text" value="${contractExtVo.staffName }" readonly="readonly" style="border:0px" class="layui-input">
						      		</div>
							    </div>
						    </div>
						    <div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label">项目名称</label>
									<div class="layui-input-inline">  			
										<input type="text" value="${contractExtVo.proName}" 
											style="border:0px;width:220px" readonly="readonly" class="layui-input">
				      				</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">项目编号</label>
									<div class="layui-input-inline">  			
										<input type="text" value="${contractExtVo.proCode}" 
											style="border:0px;" readonly="readonly" class="layui-input">
				      				</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">区域公司</label>
									<div class="layui-input-inline">
									<input type="text" value="${contractExtVo.orgAreaName}" style="border: 0px;width:220px" 
											 readonly="readonly" class="layui-input">
									</div>
								</div>
							</div>
						    <div class="layui-form-item">
						    	<div class="layui-inline">
									<label class="layui-form-label">项目公司</label>
									<div class="layui-input-inline">
									<input type="text" value="${contractExtVo.orgProName}" style="border: 0px;width:220px" 
											 readonly="readonly" class="layui-input">
									</div>
								</div>					
					  			<div class="layui-inline">
									<label class="layui-form-label">实施机构</label>
									<div class="layui-input-inline">
									<input type="text" value="${contractExtVo.carryOrg}" style="border: 0px;width:220px" 
											 readonly="readonly" class="layui-input">
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">项目负责人</label>
									<div class="layui-input-inline">
									<input type="text" value="${contractExtVo.proLeader}" style="border: 0px;" 
											 readonly="readonly" class="layui-input">
									</div>
								</div>				
							</div>
						    <div class="layui-form-item">
						    	<div class="layui-inline">
									<label class="layui-form-label">项目地址</label>
									<div class="layui-input-inline">
										<input type="text" value="${contractExtVo.sgCityName}" style="border: 0px;" readonly="readonly" class="layui-input">
									</div>
								</div>
						   		<div class="layui-inline">
									<label class="layui-form-label">承继协议名称</label>
									<div class="layui-input-inline">
										<input type="text" name="contractExtName" value="${contractExtVo.contractExtName }" style="border: 0px;width:220px" readonly="readonly" class="layui-input">
									</div>
								</div>					
							</div>
							<c:if test="${contractExtVo.extType == '1' }">
							    <div class="layui-form-item">
							    	<div class="layui-inline">
										<label class="layui-form-label">承继协议编码（选填）</label>
										<div class="layui-input-inline">
											<input type="text" name="contractExtCode" value="${contractExtVo.contractExtCode }" style="border: 0px;" readonly="readonly" class="layui-input">
										</div>
									</div>						    
								    <div class="layui-inline">
										<label class="layui-form-label">合同签订日期（选填）</label>
										<div class="layui-input-inline">
											<input type="text" name="signDate" value="<fmt:formatDate value="${contractExtVo.signDate }" pattern="yyyy-MM-dd"/>" style="border:0px;" readonly="readonly" class="layui-input">
										</div>
									</div>							
								</div>
							</c:if>
							<c:if test="${contractExtVo.extType == '2' }">
								<div class="layui-form-item">
								    <div class="layui-inline">
										<label class="layui-form-label">补充合同名称</label>
										<div class="layui-input-inline">
											<input type="text" name="contractExtSaName" value="${contractExtVo.contractExtSaName }" style="border: 0px;width:220px" readonly="readonly" class="layui-input">
										</div>
									</div>
								    <div class="layui-inline">
										<label class="layui-form-label">补充合同编码（选填）</label>
										<div class="layui-input-inline">
											<input type="text" name="contractExtSaCode" value="${contractExtVo.contractExtSaCode }" style="border: 0px;" readonly="readonly" class="layui-input">
										</div>
									</div>
								    <div class="layui-inline">
										<label class="layui-form-label">补充合同签订日期（选填）</label>
										<div class="layui-input-inline">
											<input type="text" name="signDate" value="<fmt:formatDate value="${contractExtVo.signDate }" pattern="yyyy-MM-dd"/>" style="border:0px;" readonly="readonly" class="layui-input">
										</div>
									</div>
								</div>
								<div class="layui-form-item">
								    <div class="layui-inline">
										<label class="layui-form-label">补充内容说明</label>
										<div class="layui-input-inline">
											<textarea name="saMemo" class="layui-textarea" readonly="readonly" style="width: 899px; height: 90px;">${contractExtVo.saMemo }</textarea>
										</div>
									</div>
								</div>	
							</c:if>
							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label">计价方式</label>
									<div class="layui-input-inline">
										<c:if test="${contractExtVo.valueMode == '1' }">
											<input type="text" name="valueMode" value="清单" style="border: 0px;" readonly="readonly" class="layui-input">
										</c:if>
										<c:if test="${contractExtVo.valueMode == '2' }">
											<input type="text" name="valueMode" value="定额" style="border: 0px;" readonly="readonly" class="layui-input">
										</c:if>
										<c:if test="${contractExtVo.valueMode == '3' }">
											<input type="text" name="valueMode" value="固定总价" style="border: 0px;" readonly="readonly" class="layui-input">
										</c:if>
										<c:if test="${contractExtVo.valueMode == '4' }">
											<input type="text" name="valueMode" value="其它" style="border: 0px;" readonly="readonly" class="layui-input">
										</c:if>
									</div>
								</div>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label">调价方式</label>
								<div class="layui-input-inline">
									<textarea name="riseMode" class="layui-textarea" readonly="readonly" style="width: 899px; height: 90px;">${contractExtVo.riseMode }</textarea>
								</div>
							</div>
							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label">业态</label>
									<div class="layui-input-inline">
										<c:if test="${contractExtVo.bizType == '1' }">
											<input type="text" name="bizType" value="公路" style="border: 0px;" readonly="readonly" class="layui-input">
										</c:if>
										<c:if test="${contractExtVo.bizType == '2' }">
											<input type="text" name="bizType" value="市政" style="border: 0px;" readonly="readonly" class="layui-input">
										</c:if>
										<c:if test="${contractExtVo.bizType == '3' }">
											<input type="text" name="bizType" value="铁路" style="border: 0px;" readonly="readonly" class="layui-input">
										</c:if>
										<c:if test="${contractExtVo.bizType == '4' }">
											<input type="text" name="bizType" value="房建" style="border: 0px;" readonly="readonly" class="layui-input">
										</c:if>
										<c:if test="${contractExtVo.bizType == '5' }">
											<input type="text" name="bizType" value="棚改" style="border: 0px;" readonly="readonly" class="layui-input">
										</c:if>
										<c:if test="${contractExtVo.bizType == '6' }">
											<input type="text" name="bizType" value="学校" style="border: 0px;" readonly="readonly" class="layui-input">
										</c:if>
										<c:if test="${contractExtVo.bizType == '7' }">
											<input type="text" name="bizType" value="综合" style="border: 0px;" readonly="readonly" class="layui-input">
										</c:if>
										<c:if test="${contractExtVo.bizType == '8' }">
											<input type="text" name="bizType" value="医疗及养老" style="border: 0px;" readonly="readonly" class="layui-input">
										</c:if>
										<c:if test="${contractExtVo.bizType == '9' }">
											<input type="text" name="bizType" value="土地増减挂钩" style="border: 0px;" readonly="readonly" class="layui-input">
										</c:if>
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">是否入库</label>
									<div class="layui-input-inline">
										<c:if test="${contractExtVo.isInStore == '1' }">
											<input type="text" name="isInStore" value="已入库" style="border: 0px;" readonly="readonly" class="layui-input">
										</c:if>
										<c:if test="${contractExtVo.isInStore == '0' }">
											<input type="text" name="isInStore" value="未入库" style="border: 0px;color:red" readonly="readonly" class="layui-input">
										</c:if>
									</div>
								</div>
								<div class="layui-inline">					      
						      		<label class="layui-form-label">回报机制</label>
						      		<div class="layui-input-inline">
									    <input type="checkbox" disabled <c:if test="${fn:contains(contractExtVo.backMech, '1')}" >checked</c:if> title="政府付费" lay-skin="primary">
						      		</div>
						      		<div class="layui-input-inline">
										<input type="checkbox" disabled <c:if test="${fn:contains(contractExtVo.backMech, '2')}" >checked</c:if> title="可行性缺口补助" lay-skin="primary"> 
						      		</div>
						      		<div class="layui-input-inline">
										<input type="checkbox" disabled <c:if test="${fn:contains(contractExtVo.backMech, '3')}" >checked</c:if> title="使用者付费" lay-skin="primary"> 
						      		</div>
						      		<div class="layui-input-inline">
										<input type="checkbox" disabled <c:if test="${fn:contains(contractExtVo.backMech, '4')}" >checked</c:if> title="其他" lay-skin="primary"> 
						      		</div>				      	
							    </div>
							</div>
							<div class="layui-form-item">
								<div class="layui-inline">
							      	<label class="layui-form-label">合同建设期（年）</label>
							      	<div class="layui-input-inline">
										<input type="text" name="buildYears" value="${contractExtVo.buildYears }" style="border:0px;" readonly="readonly" class="layui-input">
							      	</div>
							    </div>
								<div class="layui-inline">
							      	<label class="layui-form-label">合同建设期（年）</label>
							      	<div class="layui-input-inline">
										<input type="text" name="omYears" value="${contractExtVo.omYears }" style="border:0px;" readonly="readonly" class="layui-input">
							      	</div>
							    </div>
								<div class="layui-inline">
							      	<label class="layui-form-label">总合同期（年）</label>
							      	<div class="layui-input-inline">
										<input type="text" name="totalYears" value="${contractExtVo.totalYears }" style="border:0px;" readonly="readonly" class="layui-input">
							      	</div>
							    </div>
							</div>
							<div class="layui-form-item">
								<div class="layui-inline">
							      	<label class="layui-form-label">合同建设期（天）</label>
							      	<div class="layui-input-inline">
										<input type="text" name="buildDays" value="${contractExtVo.buildDays }" style="border:0px;" readonly="readonly" class="layui-input">
							      	</div>
							    </div>
								<div class="layui-inline">
							      	<label class="layui-form-label">合同运营期（天）</label>
							      	<div class="layui-input-inline">
										<input type="text" name="omDays" value="${contractExtVo.omDays }" style="border:0px;" readonly="readonly" class="layui-input">
							      	</div>
							    </div>
								<div class="layui-inline">
							      	<label class="layui-form-label">总合同期（天）</label>
							      	<div class="layui-input-inline">
										<input type="text" name="totalDays" value="${contractExtVo.totalDays }" style="border:0px;" readonly="readonly" class="layui-input">
							      	</div>
							    </div>
							</div>
							<div class="layui-form-item">
								<div class="layui-inline">
							      	<label class="layui-form-label">合同开工日期</label>
							      	<div class="layui-input-inline">
										<input type="text" name="beginBuildDate" value="<fmt:formatDate value="${contractExtVo.beginBuildDate }" pattern="yyyy-MM-dd"/>" style="border:0px;" readonly="readonly" class="layui-input">
							      	</div>
							    </div>
								<div class="layui-inline">
							      	<label class="layui-form-label">建安竣工日期</label>
							      	<div class="layui-input-inline">
										<input type="text" name="endCaeDate" value="<fmt:formatDate value="${contractExtVo.endCaeDate }" pattern="yyyy-MM-dd"/>" style="border:0px;" readonly="readonly" class="layui-input">
							      	</div>
							    </div>
								<div class="layui-inline">
							      	<label class="layui-form-label">运营结束日期</label>
							      	<div class="layui-input-inline">
										<input type="text" name="endOmDate" value="<fmt:formatDate value="${contractExtVo.endOmDate }" pattern="yyyy-MM-dd"/>" style="border:0px;" readonly="readonly" class="layui-input">
							      	</div>
							    </div>
							</div>					
				  		</div>
					</fieldset>
					<fieldset class="layui-elem-field layui-field-title fieldset" id="baseInfo">
						<legend class="layui-btn layui-legend"
							style="text-align: left; cursor: default;">合同投资信息></legend>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">序号</label>
								<div class="layui-input-inline">
									<input type="text" name="index"
										readonly="readonly" style="border: 0px" class="layui-input">
								</div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label">费用名称</label>
								<div class="layui-input-inline">
									<input type="text" name="feeName"
										readonly="readonly" style="border: 0px" class="layui-input">
								</div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label">金额（元）</label>
								<div class="layui-input-inline">
									<input type="text" name="cost"
										readonly="readonly" style="border: 0px" class="layui-input">
								</div>
							</div>
						</div>
						<div class="layui-form-item">
							<!-- 灰色分割线 -->
							<!-- 	<hr class="layui-bg-gray">-->
						</div>
					</fieldset>
					<fieldset class="layui-elem-field layui-field-title fieldset" id="contract-investment-info" >
						<div class="layui-form-item" >
							<div class="layui-inline" >
								<label class="layui-form-label">1</label>
								<div class="layui-input-inline"></div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label">建安工程费</label>
								<div class="layui-input-inline"></div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label" id="caeFeeLabel">${contractExtVo.contractExtInvest.caeFee}</label>
								<div class="layui-input-inline" ><input type="hidden" id="caeFeeId" name="caeFee" value="" /></div>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label"></label>
								<div class="layui-input-inline"></div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label " style="left:130px;" >*建安下浮率（综合）</label>
								<div class="layui-input-inline"></div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label" id="caeDownRateLabel">${contractExtVo.contractExtInvest.caeDownRate}</label>
								<div class="layui-input-inline" ><input type="hidden" id="caeDownRateId" name="caeDownRate" value="" /></div>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label"></label>
								<div class="layui-input-inline"></div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label" style="left:130px;"  >*建安占比</label>
								<div class="layui-input-inline"></div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label" id="caeRateLabel">${contractExtVo.contractExtInvest.caeRate}</label>
								<div class="layui-input-inline"><input type="hidden" id="caeRateId" name="caeRate" value="" /></div>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">2</label>
								<div class="layui-input-inline"></div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label">预备费</label>
								<div class="layui-input-inline"></div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label" id="prepareFeeLabel">${contractExtVo.contractExtInvest.prepareFee}</label>
								<div class="layui-input-inline" ><input type="hidden" id="prepareFeeId" name="prepareFee" value="" /></div>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">3</label>
								<div class="layui-input-inline"></div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label">建安工程其他费</label>
								<div class="layui-input-inline" ></div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label" id="buildOtherFeeLabel">${contractExtVo.contractExtInvest.buildOtherFee}</label>
								<div class="layui-input-inline" ><input type="hidden" id="buildOtherFeeId" name="buildOtherFee" value="" /></div>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">3.1</label>
								<div class="layui-input-inline"></div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label">建设单位管理费</label>
								<div class="layui-input-inline"></div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label" id="buildOrgFeeLabel">${contractExtVo.contractExtInvest.buildOrgFee}</label>
								<div class="layui-input-inline" ><input type="hidden" id="buildOrgFeeId" name="buildOrgFee" value="" /></div>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">3.2</label>
								<div class="layui-input-inline"></div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label">政府代付费</label>
								<div class="layui-input-inline"></div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label" id="gdReplaceFeeLabel">${contractExtVo.contractExtInvest.gdReplaceFee}</label>
								<div class="layui-input-inline"><input type="hidden" id="gdReplaceFeeId" name="gdReplaceFee" value="" /></div>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">3.3</label>
								<div class="layui-input-inline"></div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label">项目前期费</label>
								<div class="layui-input-inline"></div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label" id="preFeeLabel">${contractExtVo.contractExtInvest.preFee}</label>
								<div class="layui-input-inline"><input type="hidden" id="preFeeId" name="preFee" value="" /></div>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">3.3.1</label>
								<div class="layui-input-inline"></div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label">征地拆迁费</label>
								<div class="layui-input-inline"></div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label" id="moveFeeLabel">${contractExtVo.contractExtInvest.moveFee}</label>
								<div class="layui-input-inline"><input type="hidden" id="moveFeeId" name="moveFee" value="" /></div>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">4</label>
								<div class="layui-input-inline"></div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label">建设期利息</label>
								<div class="layui-input-inline"></div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label" id="buildInterestLabel">${contractExtVo.contractExtInvest.buildInterest}</label>
								<div class="layui-input-inline"><input type="hidden" id="buildInterestId" name="buildInterest" value="" /></div>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">5</label>
								<div class="layui-input-inline"></div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label">设备及工器具购置</label>
								<div class="layui-input-inline"></div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label" id="buyFeeLabel">${contractExtVo.contractExtInvest.buyFee}</label>
								<div class="layui-input-inline"><input type="hidden" id="buyFeeId" name="buyFee" value="" /></div>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">6</label>
								<div class="layui-input-inline"></div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label">铺底流动资金</label>
								<div class="layui-input-inline"></div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label" id="flowFeeLabel">${contractExtVo.contractExtInvest.flowFee}</label>
								<div class="layui-input-inline"><input type="hidden" id="flowFeeId" name="flowFee" value="" /></div>
							</div>
						</div>
						<div class="layui-form-item">
							<hr class="layui-bg-gray">
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label"></label>
								<div class="layui-input-inline"></div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label">投资合计</label>
								<div class="layui-input-inline" ></div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label" id="totalSumLabel">${contractExtVo.contractExtInvest.totalSum}</label>
								<div class="layui-input-inline" ><input type="hidden"  id="totalSumId" name="totalSum" value=""  />
								</div>
							</div>
						</div>
					</fieldset>
					<fieldset class="layui-elem-field layui-field-title fieldset" id="baseInfo">
						<legend class="layui-btn layui-legend"
							style="text-align: left; cursor: default;">商务指标></legend>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">银行融资资金（元）</label>
								<div class="layui-input-inline">
									<input type="text" name="bankFund" value="${contractExtVo.bankFund }" 
										style="border:0px;" readonly="readonly" class="layui-input">
								</div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label">银行融资资金占比（%）</label>
								<div class="layui-input-inline">
									<input type="text" name="bankFundPercent" value="${contractExtVo.bankFundPercent }" 
										style="border:0px;" readonly="readonly" class="layui-input">
								</div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label">自有资本金（元）</label>
								<div class="layui-input-inline">
									<input type="text" name="selfFund" value="${contractExtVo.selfFund }" 
										style="border:0px;" readonly="readonly" class="layui-input">
								</div>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">自有资本金占比（%）</label>
								<div class="layui-input-inline">
									<input type="text" name="selfFundPercent" value="${contractExtVo.selfFundPercent }" 
										style="border:0px;" readonly="readonly" class="layui-input">
								</div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label">政府资本金（元）</label>
								<div class="layui-input-inline">
									<input type="text" name="gdFund" value="${contractExtVo.gdFund }" 
										style="border:0px;" readonly="readonly" class="layui-input">
								</div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label">政府资本金占比（%）</label>
								<div class="layui-input-inline">
									<input type="text" name="gdFundPercent" value="${contractExtVo.gdFundPercent }" 
										style="border:0px;" readonly="readonly" class="layui-input">
								</div>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">自有资本金回报率（%)</label>
								<div class="layui-input-inline">
									<input type="text" name="selfBackRate" value="${contractExtVo.selfBackRate }" 
										style="border:0px;" readonly="readonly" class="layui-input">
								</div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label">建设期融资利率（%)</label>
								<div class="layui-input-inline">
									<input type="text" name="buildCapRate" value="${contractExtVo.buildCapRate }" 
										style="border:0px;" readonly="readonly" class="layui-input">
								</div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label">银行融资回报率（%)</label>
								<div class="layui-input-inline">
									<input type="text" name="bankBackRate" value="${contractExtVo.bankBackRate }" 
										style="border:0px;" readonly="readonly" class="layui-input">
								</div>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">年运营绩效服务费（元）</label>
								<div class="layui-input-inline">
									<input type="text" name="perOmFee" value="${contractExtVo.perOmFee }" 
										style="border:0px;" readonly="readonly" class="layui-input">
								</div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label">折现率（%)</label>
								<div class="layui-input-inline">
									<input type="text" name="cashRate" value="${contractExtVo.cashRate }" 
										style="border:0px;" readonly="readonly" class="layui-input">
								</div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label">投资回报率(%)</label>
								<div class="layui-input-inline">
									<input type="text" name="investBackRate" value="${contractExtVo.investBackRate }" 
										style="border:0px;" readonly="readonly" class="layui-input">
								</div>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">年兜底运营收入（元）</label>
								<div class="layui-input-inline">
									<input type="text" name="perBottomOmIncome" value="${contractExtVo.perBottomOmIncome }" 
										style="border:0px;" readonly="readonly" class="layui-input">
								</div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label">年兜底运营成本（元）</label>
								<div class="layui-input-inline">
									<input type="text" name="perBottomOmCost" value="${contractExtVo.perBottomOmCost }" 
										style="border:0px;" readonly="readonly" class="layui-input">
								</div>
							</div>
						</div>
					</fieldset>
					<fieldset class="layui-elem-field layui-field-title fieldset" id="baseInfo">
						<legend class="layui-btn layui-legend"
							style="text-align: left; cursor: default;">公式信息></legend>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">名称</label>
								<div class="layui-input-inline">
									<input type="text" name="formulaType" value=""
										readonly="readonly" style="border: 0px" class="layui-input">
								</div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label" style="width:155px;">计算公式说明</label>
								<div class="layui-input-inline" style="width:150px;">
									<input type="text" name="formulaMemo" value=""
										readonly="readonly" style="border: 0px" class="layui-input">
								</div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label" style="width:140px;">参数详细说明</label>
								<div class="layui-input-inline" style="width:50px;">
									<input type="text" name="paraMemo" value=""
										readonly="readonly" style="border: 0px" class="layui-input">
								</div>
							</div>
						</div>
						<div class="layui-form-item">
							<!-- 灰色分割线 -->
							<hr class="layui-bg-gray">
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">可用性服务费</label>
								<div class="layui-input-inline">
									<input type="hidden" name="formulaTypes" value="1"/>
								</div>
							</div>
							<c:forEach items="${contractExtVo.contractExtUlas }" var="contractUla">
							<c:if test="${contractUla.formulaType == '1' }">
							<div class="layui-inline">
								<label class="layui-form-label" style="width:50px;"></label>
								<div class="layui-input-inline">
									<textarea name="formulaMemos" class="layui-textarea" readonly="readonly" style="width: 200px; min-height: 20px;">${contractUla.formulaMemo}</textarea>
								</div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label" style="width:100px;"></label>
								<div class="layui-input-inline" style="width:150px;">
									<textarea name="paraMemos" class="layui-textarea" readonly="readonly" style="width: 200px; min-height: 20px;">${contractUla.paraMemo}</textarea>
								</div>
							</div>
							</c:if>
							</c:forEach>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">政策处理费</label>
								<div class="layui-input-inline">
									<input type="hidden" name="formulaTypes" value="2"/>
								</div>
							</div>
							<c:forEach items="${contractExtVo.contractExtUlas }" var="contractUla">
							<c:if test="${contractUla.formulaType == '2' }">
							<div class="layui-inline">
								<label class="layui-form-label" style="width:50px;"></label>
								<div class="layui-input-inline">
									<textarea name="formulaMemos" class="layui-textarea" readonly="readonly" style="width: 200px; min-height: 20px;">${contractUla.formulaMemo}</textarea>
								</div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label" style="width:100px;"></label>
								<div class="layui-input-inline" style="width:150px;">
									<textarea name="paraMemos" class="layui-textarea" readonly="readonly" style="width: 200px; min-height: 20px;">${contractUla.paraMemo}</textarea>
								</div>
							</div>
							</c:if>
							</c:forEach>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">使用者服务费</label>
								<div class="layui-input-inline">
									<input type="hidden" name="formulaTypes" value="3"/>
								</div>
							</div>
							<c:forEach items="${contractExtVo.contractExtUlas }" var="contractUla">
							<c:if test="${contractUla.formulaType == '3' }">
							<div class="layui-inline">
								<label class="layui-form-label" style="width:50px;"></label>
								<div class="layui-input-inline">
									<textarea name="formulaMemos" class="layui-textarea" readonly="readonly" style="width: 200px; min-height: 20px;">${contractUla.formulaMemo}</textarea>
								</div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label" style="width:100px;"></label>
								<div class="layui-input-inline" style="width:150px;">
									<textarea name="paraMemos" class="layui-textarea" readonly="readonly" style="width: 200px; min-height: 20px;">${contractUla.paraMemo}</textarea>
								</div>
							</div>
							</c:if>
							</c:forEach>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">可行性缺口补助（选填）</label>
								<div class="layui-input-inline">
									<input type="hidden" name="formulaTypes" value="4"/>
								</div>
							</div>
							<c:forEach items="${contractExtVo.contractExtUlas }" var="contractUla">
							<c:if test="${contractUla.formulaType == '4' }">
							<div class="layui-inline">
								<label class="layui-form-label" style="width:50px;"></label>
								<div class="layui-input-inline">
									<textarea name="formulaMemos" class="layui-textarea" readonly="readonly" style="width: 200px; min-height: 20px;">${contractUla.formulaMemo}</textarea>
								</div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label" style="width:100px;"></label>
								<div class="layui-input-inline" style="width:150px;">
									<textarea name="paraMemos" class="layui-textarea" readonly="readonly" style="width: 200px; min-height: 20px;">${contractUla.paraMemo}</textarea>
								</div>
							</div>
							</c:if>
							</c:forEach>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">运营维护费（选填）</label>
								<div class="layui-input-inline">
									<input type="hidden" name="formulaTypes" value="5"/>
								</div>
							</div>
							<c:forEach items="${contractExtVo.contractExtUlas }" var="contractUla">
							<c:if test="${contractUla.formulaType == '5' }">
							<div class="layui-inline">
								<label class="layui-form-label" style="width:50px;"></label>
								<div class="layui-input-inline">
									<textarea name="formulaMemos" class="layui-textarea" readonly="readonly" style="width: 200px; min-height: 20px;">${contractUla.formulaMemo}</textarea>
								</div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label" style="width:100px;"></label>
								<div class="layui-input-inline" style="width:150px;">
									<textarea name="paraMemos" class="layui-textarea" readonly="readonly" style="width: 200px; min-height: 20px;">${contractUla.paraMemo}</textarea>
								</div>
							</div>
							</c:if>
							</c:forEach>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">一次性支付</label>
								<div class="layui-input-inline">
									<input type="hidden" name="formulaTypes" value="6"/>
								</div>
							</div>
							<c:forEach items="${contractExtVo.contractExtUlas }" var="contractUla">
							<c:if test="${contractUla.formulaType == '6' }">
							<div class="layui-inline">
								<label class="layui-form-label" style="width:50px;"></label>
								<div class="layui-input-inline">
									<textarea name="formulaMemos" class="layui-textarea" readonly="readonly" style="width: 200px; min-height: 20px;">${contractUla.formulaMemo}</textarea>
								</div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label" style="width:100px;"></label>
								<div class="layui-input-inline" style="width:150px;">
									<textarea name="paraMemos" class="layui-textarea" readonly="readonly" style="width: 200px; min-height: 20px;">${contractUla.paraMemo}</textarea>
								</div>
							</div>
							</c:if>
							</c:forEach>
						</div>				
					</fieldset>
		
					<fieldset class="layui-elem-field layui-field-title fieldset"
						id="otherInfo">
						<legend class="layui-btn layui-legend"
							style="text-align: left; cursor: default;">其他说明 ></legend>
						<div class="layui-form-item">
							<label class="layui-form-label" style="width: 150px;">建设期绩效考核说明</label>
							<div class="layui-input-block">
								<textarea name="buildKpiMemo" class="layui-textarea" readonly="readonly" style="width: 899px; height: 90px;">${contractExtVo.buildKpiMemo }</textarea>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label" style="width: 150px;">运营期绩效考核说明</label>
							<div class="layui-input-block">
								<textarea name="omKipMemo" class="layui-textarea" readonly="readonly" style="width: 899px; height: 90px;">${contractExtVo.omKipMemo }</textarea>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label" style="width: 150px;">主要调整内容描述（相对于招标文件、投标文件）</label>
							<div class="layui-input-block">
								<textarea name="mainMemo" class="layui-textarea" readonly="readonly" style="width: 899px; height: 90px;">${contractExtVo.mainMemo }</textarea>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label" style="width: 150px;">调整文字说明（选填）</label>
							<div class="layui-input-block">
								<textarea name="noteMemo" class="layui-textarea" readonly="readonly" style="width: 899px; height: 90px;">${contractExtVo.noteMemo }</textarea>
							</div>
						</div>
					</fieldset>
					<fieldset class="layui-elem-field layui-field-title fieldset" >
				  		<legend class="layui-btn layui-legend" style="text-align:left;cursor:default;">附件 ></legend>
						  	<div style="margin-top:20px;">
							    <div class="layui-form-item">
								    <label class="layui-form-label">Word版合同文本（选填）</label>
								    <div class="layui-input-block">
								    	<div class="layui-upload">
					                		<div class="layui-upload-list">
					                			<c:forEach items="${contractExtVo.contractExtAtts }" var="fileAtt">
						                			<c:if test="${fileAtt.types == '1' }">
							              				<div class="layui-upload-img-div">
							              					<c:choose>
								              					<c:when test="${fileAtt.fileSuffix == '.jpg' or fileAtt.fileSuffix == '.jpeg' or fileAtt.fileSuffix == '.png'}">
									              					<img src="${fileHttpPre }/${fileAtt.filePath }" title="${fileAtt.fileName}" class="layui-upload-img">
									              				</c:when>
									              				<c:otherwise>
									              					<img src="${ctx}/resources/images/${fn:substring(fileAtt.fileSuffix,1,5)}.jpg" title="${fileAtt.fileName}" class="layui-upload-img">
									              				</c:otherwise>
							              					</c:choose>
							              					<div class="mask">
							              						<a href="javascript:void(0)" style="margin-left:32px" onclick="showImg('${fileHttpPre}/${fileAtt.filePath }');">查看</a>
							              					</div>
							              					<p>${fileAtt.fileName}</p>
							              				</div>
						              				</c:if>
							              		</c:forEach>
					                		</div>
							            </div>
								    </div>
							  	</div>
							    <div class="layui-form-item">
								    <label class="layui-form-label">PDF版合同文本（选填）</label>
								    <div class="layui-input-block">
								    	<div class="layui-upload">
					                		<div class="layui-upload-list">
					                			<c:forEach items="${contractExtVo.contractExtAtts }" var="fileAtt">
						              				<c:if test="${fileAtt.types == '2' }">
							              				<div class="layui-upload-img-div">
							              					<c:choose>
								              					<c:when test="${fileAtt.fileSuffix == '.jpg' or fileAtt.fileSuffix == '.jpeg' or fileAtt.fileSuffix == '.png'}">
									              					<img src="${fileHttpPre }/${fileAtt.filePath }" title="${fileAtt.fileName}" class="layui-upload-img">
									              				</c:when>
									              				<c:otherwise>
									              					<img src="${ctx}/resources/images/${fn:substring(fileAtt.fileSuffix,1,5)}.jpg" title="${fileAtt.fileName}" class="layui-upload-img">
									              				</c:otherwise>
							              					</c:choose>
							              					<div class="mask">
							              						<a href="javascript:void(0)" style="margin-left:32px" onclick="showImg('${fileHttpPre}/${fileAtt.filePath }');">查看</a>
							              					</div>
							              					<p>${fileAtt.fileName}</p>
							              				</div>
						              				</c:if>
							              		</c:forEach>
					                		</div>
							            </div>
								    </div>
							  	</div>
							    <div class="layui-form-item">
								    <label class="layui-form-label">盖章版合同文本（选填）</label>
								    <div class="layui-input-block">
								    	<div class="layui-upload">
					                		<div class="layui-upload-list">
					                			<c:forEach items="${contractExtVo.contractExtAtts }" var="fileAtt">
						              				<c:if test="${fileAtt.types == '3' }">
							              				<div class="layui-upload-img-div">
							              					<c:choose>
								              					<c:when test="${fileAtt.fileSuffix == '.jpg' or fileAtt.fileSuffix == '.jpeg' or fileAtt.fileSuffix == '.png'}">
									              					<img src="${fileHttpPre }/${fileAtt.filePath }" title="${fileAtt.fileName}" class="layui-upload-img">
									              				</c:when>
									              				<c:otherwise>
									              					<img src="${ctx}/resources/images/${fn:substring(fileAtt.fileSuffix,1,5)}.jpg" title="${fileAtt.fileName}" class="layui-upload-img">
									              				</c:otherwise>
							              					</c:choose>
							              					<div class="mask">
							              						<a href="javascript:void(0)" style="margin-left:32px" onclick="showImg('${fileHttpPre}/${fileAtt.filePath }');">查看</a>
							              					</div>
							              					<p>${fileAtt.fileName}</p>
							              				</div>
						              				</c:if>
							              		</c:forEach>
					                		</div>
							            </div>
								    </div>
							  	</div>
							    <div class="layui-form-item">
								    <label class="layui-form-label">其他附件（选填）</label>
								    <div class="layui-input-block">
								    	<div class="layui-upload">
					                		<div class="layui-upload-list">
					                			<c:forEach items="${contractExtVo.contractExtAtts }" var="fileAtt">
						              				<c:if test="${fileAtt.types == '4' }">
							              				<div class="layui-upload-img-div">
							              					<c:choose>
								              					<c:when test="${fileAtt.fileSuffix == '.jpg' or fileAtt.fileSuffix == '.jpeg' or fileAtt.fileSuffix == '.png'}">
									              					<img src="${fileHttpPre }/${fileAtt.filePath }" title="${fileAtt.fileName}" class="layui-upload-img">
									              				</c:when>
									              				<c:otherwise>
									              					<img src="${ctx}/resources/images/${fn:substring(fileAtt.fileSuffix,1,5)}.jpg" title="${fileAtt.fileName}" class="layui-upload-img">
									              				</c:otherwise>
							              					</c:choose>
							              					<div class="mask">
							              						<a href="javascript:void(0)" style="margin-left:32px" onclick="showImg('${fileHttpPre}/${fileAtt.filePath }');">查看</a>
							              					</div>
							              					<p>${fileAtt.fileName}</p>
							              				</div>
						              				</c:if>
							              		</c:forEach>
					                		</div>
							            </div>
								    </div>
							  	</div>
						  	</div>
					</fieldset>
						
					</form>
					
					 	</div>
						<!-- 合同清单  -->
						<div class="layui-tab-item">
							<fieldset class="layui-elem-field layui-field-title fieldset">
								<legend class="layui-btn layui-legend"
									style="text-align: left; cursor: default;">基础信息></legend>
								<div class="layui-form-item">
									<div class="layui-inline">
										<label class="layui-form-label">项目名称</label>
										<div class="layui-input-inline">
											<input type="text" value="${contractExtVo.proName}"
												style="border: 0px;" readonly="readonly" class="layui-input" />
										</div>
									</div>		
								</div>
								<div class="layui-form-item">
									<div class="layui-inline">
										<label class="layui-form-label">对外下浮前金额（元）</label>
										<div class="layui-input-inline">
											<input type="text"
												value="${contractExtVo.contractExtInvest.outPreDownAmount}"
												style="border: 0px;" readonly="readonly" class="layui-input" />
										</div>
									</div>
									<div class="layui-inline">
										<label class="layui-form-label">对外下浮率（%）</label>
										<div class="layui-input-inline">
											<input type="text"
												value="${contractExtVo.contractExtInvest.outPreDownRate}"
												style="border: 0px;" readonly="readonly" class="layui-input" />
										</div>
									</div>
									<div class="layui-inline">
										<label class="layui-form-label">对外下浮后金额（元）</label>
										<div class="layui-input-inline">
											<input type="text"
												value="${contractExtVo.contractExtInvest.outAfterDownAmount}"
												style="border: 0px;" readonly="readonly" class="layui-input" />
										</div>
									</div>
								</div>
							</fieldset>
						<fieldset class="layui-elem-field layui-field-title fieldset"
							style="text-align: center; cursor: default;">
							<div style="padding-top: 15px;">&nbsp;</div>
							<div class="layui-form-item"></div>
							<div class="contract-list">
								<c:forEach items="${contractExtVo.contractExtSubVos }"
									var="detail" varStatus="subStatus">
									<div class="layui-row" id="{0}">
										<div class="layui-form-item tg-l">
											<div class="layui-inline">
												<label class="layui-form-label">子项名称</label>
												<div class="layui-input-inline">
													<input type="text" value="${detail.subName}"
														style="border: 0px;" readonly="readonly"
														class="layui-input" />
												</div>
											</div>
											<div class="layui-inline">
												<label class="layui-form-label">对内下浮率（%）</label>
												<div class="layui-input-inline">
													<input type="text" value="${detail.inDownRates}"
														style="border: 0px;" readonly="readonly"
														class="layui-input" />
												</div>
											</div>
										</div>
										<div class="contract-box">
											<div class="contract-money">
												<table class="layui-table">
													<colgroup>
														<col width="90">
														<col width="200">
														<col width="200">
														<col width="200">
														<col width="200">
													</colgroup>
													<tbody>
														<tr>
															<td></td>
															<td>子项小计</td>
															<td>${detail.outPreDownAmount}
															<td>${detail.outPreDownRate}
															<td>${detail.outAfterDownAmount}</td>
														</tr>
													</tbody>
													<tbody>
														<tr>
															<th>序号</th>
															<th>费用类型</th>
															<th>对外下浮前金额（元）</th>
															<th>对外下浮率（%）</th>
															<th>对外下浮后金额（元）</th>
														</tr>
													</tbody>
													<tbody>
														<c:forEach items="${detail.contractExtDetails }"
															var="sub" varStatus="subStatus">
															<tr>
																<td><span class="label">${sub.orderIdx }</span></td>
																<td class=tg-c><c:if
																		test="${fn:indexOf(sub.orderIdx,'.') == -1 }">
																		<b>${sub.typeName }</b>
																	</c:if> <c:if test="${fn:indexOf(sub.orderIdx,'.') != -1 }">${sub.typeName }</c:if></td>
																<td>${sub.outPreDownAmount}</td>
																<td>${sub.outPreDownRate}</td>
																<td>${sub.outAfterDownAmount}</td>
															</tr>
														</c:forEach>
													</tbody>
												</table>
											</div>
										</div>
									</div>
								</c:forEach>
							</div>
						</fieldset>				
					</div>
					<!-- 引入公共流程渲染页面   -->
			        <%@ include file="../include/flowPublic.jsp"%>
  					
	  				<!-- 审批时 显示 通过/拒绝按钮   -->
					<c:if test="${'y'==processDealWith}">
					<fieldset class="layui-elem-field layui-field-title fieldset" style="text-align:center;">
						<div class="layui-form-item">
							<div class="layui-input-block">
					      		<input class="layui-btn layuiadmin-btn-admin layui-btn-normal " style="margin-top:6px;" type="button" data-type="to_pass_submit" id="to_pass_submit" value="审批通过">
					      		<input class="layui-btn layuiadmin-btn-admin layui-btn-primary " style="margin-top:6px;" type="button" data-type="to_refuse_submit" id="to_refuse_submit" value="审批终止">
					      	</div>
					    </div>
			    	</fieldset>
			    	</c:if>
					<!-- 审批意见  -->
		    		<form class="layui-form" id="flow_process_form" style="display:none">
						<input type="hidden" name="state" id="flow_process_form_state"/>
						<input type="hidden" name="srcBizSguid" value="${modelDetail.id }" />
						<input type="hidden" name="processId" value="${modelDetail.processId }" />
						<div class="layui-form-item" style="padding-top:10px">
					      	<label class="layui-form-label" >审批结果</label>
					      	<div class="layui-input-inline">
					      		<input type="text"  style="border:0px;" readonly="readonly" class="layui-input" id="flow_process_form_state_txt">
					      	</div>
					    </div>
						<div class="layui-form-item" style="padding-top:10px">
					      	<label class="layui-form-label" >审批意见</label>
					      	<div class="layui-input-inline">
					        	<textarea name="dealIdea" placeholder="请输入审批意见" lay-verify="required" class="layui-textarea" style="width:475px;height:145px;"></textarea>
					      	</div>
					    </div>
					    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 15px;">
			                 <legend class="layui-btn layui-legend" style="text-align:left;cursor:default;">附件信息 >
			                 <label class="layui-form-label" style="width:100%;">支持pdf、excel、word、图片资料，可上传多个                
			                 </label>
			                 </legend>
			            </fieldset>	
					  	<div class="layui-form-item" style="margin-top:10px;">
					      	<label class="layui-form-label">附件资料</label>
					      	<div class="layui-input-block">
					      		<div class="layui-upload">
					              	<button type="button" class="layui-btn" id="upload-more">上传</button>
				              		<div class="layui-upload-list" id="upload-more-list">
				              		</div>
				            	</div> 
					      	</div>
					    </div>
					    <div class="layui-form-item layui-hide">
					      <input type="button" lay-submit lay-filter="flow_process_from_submit" id="flow_process_from_submit" value="确认">
					    </div>
					</form>		   
	              </div>
	            </div>
	          </div>
	        </div>			
  		</div>
	</div>
</div>
  <script>
	//静态资源路径前缀
	var staticPath = '${fileHttpPre}';
	var stateJSON = <infopub:dicJson groupNo="A00010028" />;
	
  layui.config({
    base: '${ctx}/resources/layuiadmin/' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index', 'set', 'upload', 'element', 'laydate'], function(){
    var $ = layui.$
    ,form = layui.form
    ,element = layui.element
    ,laydate = layui.laydate
    ,table = layui.table
    ,upload = layui.upload;
    
    element.on('tab(docDemoTabBrief)', function(data) {
    });
    
    upload.render({
	      elem: '#upload-more'
	      ,url: basePath + '/flowProcess/uploadAtt/'
	      ,multiple: true
	      ,accept: 'file'
	      ,acceptMime: 'application/zip,application/x-rar-compressed,image/jpeg,image/png,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/pdf'
	   	  ,before: function(obj){ //obj参数包含的信息
	   		    layer.load(); //上传loading
	   		  }
	      ,done: function(res){
	    	  //如果上传失败
	          if(res.code > 0){
	        	  layer.closeAll('loading'); //关闭loading
	        	  return layer.msg(res.msg,{icon: 7});
	          }
	          //上传完毕
	   	  	  if(res.entity != null && res.entity.length > 0){
				for(var i in res.entity){
					var contractExtAtt = res.entity[i];
					var arr = contractExtAtt.split("|");
					var imgSrc = "";
					var suffix = arr[0].substring(arr[0].lastIndexOf(".")+1,arr[0].length);
					if(suffix == 'jpg' || suffix == 'png'){
						imgSrc = "${fileHttpPre}/"+arr[2];
					}else{
						imgSrc = "${ctx}/resources/images/"+suffix+".jpg";
					}
	        		$('#upload-more-list').append('<div class="layui-upload-img-div" id="upload_img_'+arr[1]+'"><img src="'+imgSrc+'" title="'+ arr[0] +'" class="layui-upload-img"><div class="mask"><a href="javascript:void(0)" onclick="showImg(\''+"${fileHttpPre}"+arr[2] +'\');">查看</a><a href="javascript:void(0)" onclick="del(\''+arr[1]+'\')";>删除</a></div><p>'+arr[0]+'</p><input type="hidden" value="'+contractExtAtt+'" id="fileAtt_'+arr[1]+'" name="fileAtts" ></input></div> ');
				}
		  	  }
	      }
	      ,allDone: function(obj){ //当文件全部被提交后，才触发
	    	  layer.closeAll('loading'); //关闭loading
	      }
	      ,error: function(){
	    	  layer.closeAll('loading'); //关闭loading
	          //上传失败
	          layer.msg("上传失败，请稍后再试~",{icon: 7});
	        }
	    });
	 	// 按钮事件
	    var active = {
	    	to_pass_submit: function(){
	    	  $('#flow_process_form_state').val("1");	
	    	  $('#flow_process_form_state_txt').val("审批通过");	
	          layer.open({
	        	  type: 1
	        	  ,title: '审批通过确认'
	        	  ,content: $('#flow_process_form')
	        	  ,area: layui.admin.screen() < 2 ? ['80%', '460px'] : ['820px','460px']
	        	  ,btn: ['确定', '取消']
	        	  ,btnAlign: 'c'
	        	  ,yes: function(index, layero){
	        		  var submitID = 'flow_process_from_submit'
	            		,submit = layero.contents().find('#'+ submitID);
	        		  //监听提交
	        		  form.on('submit('+ submitID +')', function(data){
	        			var field = data.field; //获取提交的字段
      		  		layer.load();
      		       	//提交 Ajax 成功后，静态更新表格中的数据
      		       	$.ajax({
      		           	type : 'post',
      					url : basePath + "/flowProcess/dealWith",
      					data: $('#flow_process_form').serialize(),
      					success:function(result){
      						if(result.success){
      							layer.closeAll('loading'); //关闭loading
      							layer.msg('处理成功~',{icon: 1});
      							//两秒后关闭当前页面
      							setTimeout(function(){
      								// 刷新首页 
      								var iframe = window.parent.layui.admin.tabsBody(0).find(".layadmin-iframe");
      								iframe[0].contentWindow.location.reload(true);
      								top.layui.admin.closeThisTabs(); // 关闭当前标签页
      						        }, 2000);
      						}else{
      							layer.closeAll('loading'); //关闭loading
      							layer.msg(result.msg,{icon: 7});
      					  	}
      					}
      		       	});
	            	});  
	            submit.trigger('click');
	          }
	        }); 
	      },
	      to_refuse_submit: function(){
	    	  $('#flow_process_form_state').val("0");
	    	  $('#flow_process_form_state_txt').val("审批终止");
	          layer.open({
	        	  type: 1
	        	  ,title: '审批终止确认'
	        	  ,content: $('#flow_process_form')
	        	  ,area: layui.admin.screen() < 2 ? ['80%', '460px'] : ['820px','460px']
	        	  ,btn: ['确定', '取消']
	        	  ,btnAlign: 'c'
	        	  ,yes: function(index, layero){
	        		  var submitID = 'flow_process_from_submit'
	            		,submit = layero.contents().find('#'+ submitID);
	        		  //监听提交
	        		  form.on('submit('+ submitID +')', function(data){
	        			var field = data.field; //获取提交的字段
    		  		layer.load();
    		       	//提交 Ajax 成功后，静态更新表格中的数据
    		       	$.ajax({
    		           	type : 'post',
    					url : basePath + "/flowProcess/dealWith",
    					data: $('#flow_process_form').serialize(),
    					success:function(result){
    						if(result.success){
    							layer.closeAll('loading'); //关闭loading
    							layer.msg('处理成功~',{icon: 1});
    							//两秒后关闭当前页面
    							setTimeout(function(){
    								// 刷新首页 
    								var iframe = window.parent.layui.admin.tabsBody(0).find(".layadmin-iframe");
    								iframe[0].contentWindow.location.reload(true);
    								top.layui.admin.closeThisTabs(); // 关闭当前标签页
    						        }, 2000);
    						}else{
    							layer.closeAll('loading'); //关闭loading
    							layer.msg(result.msg,{icon: 7});
    					  	}
    					}
    		       	});
	            	});  
	            submit.trigger('click');
	          }
	        }); 
	      }
	    }  
	    // data-type事件
	    $('.layui-btn.layuiadmin-btn-admin').on('click', function(){
	      var type = $(this).data('type');
	      active[type] ? active[type].call(this) : '';
	    });
	  	
	  });
	//删除文件
	function del(index){
		layui.$("#fileAtt_"+index).remove();
		layui.$("#upload_img_"+index).remove();
	}

	//根据url查看文件
	function showImg(url){
		var openWin = window.open(url,'','left=410,height=768, width=1024, top=200,  toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no');
	}
  </script>
</body>
</html>
